<extend name="Public/located_base" />
<block name="body">
<style>
.dateTime{
width:40%;
display:inline-block;
margin-right:5px;
}
</style>
<div class="container">
    <div class="row ruzhu1 ruzhu">
      <div class="col-xs-12">
        <div class="heads">
          <ul class="after">
            <li>
              <div class="txt">入驻须知</div>
              <p class="block"></p>
              <div class="img"><span class="has">1</span></div>
            </li>
            <li>
              <div class="txt">商家认证</div>
              <p class="block"></p>
              <div class="img"><span class="has">2</span></div>
            </li>
            <li>
              <div class="txt current">商家信息</div>
              <p class="block"></p>
              <div class="img"><span>3</span></div>
            </li>
            <li>
              <div class="txt">审核结果</div>
              <p class="block"></p>
              <div class="img"><span>4</span></div>
            </li>
          </ul>
          <div class="line"></div>
        </div>

        <!--表格-->
        <form class="formlists J_company_valid" id="company_form" action="__SELF__">
          <!--提醒图片格式-->
          <div class="notice"><img src="__IMG__/settle/notice.png" alt="" />以下所需要上传的电子版资质文件仅支持JPG/GIF/PNG格式图片，大小请控制在1M之内。</div>
          
          <div class="login-form after">
            <legend>公司信息</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司名称</label>
                  <div class="col-xs-5">
                    <input type="text" name="company_name" class="form-control" placeholder="请输入公司名称"  errormsg="公司名称名为2-50位" nullmsg="请输入公司名称" datatype="*2-50"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司所在地</label>
                  <div class="col-xs-8" id="J_company_area"><label><span class="tips">加载中...</span></label></div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司详细地址</label>
                  <div class="col-xs-5">
                    <input type="text" name="company_address_detail" class="form-control" placeholder="请输入公司详细地址"  errormsg="公司详细地址为2-50位" nullmsg="请输入详细地址" datatype="*2-50"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">公司电话</label>
                  <div class="col-xs-5">
                    <input type="text" name="company_phone" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')"  placeholder="请输入公司电话"  errormsg="公司电话为6-11位数字" nullmsg="请输入公司电话" datatype="n6-11"/>
                  </div>
                </div>
                  <div class="form-group">
                      <label class="col-xs-4 control-label">员工总数</label>
                      <div class="col-xs-5">
                          <input type="text" name="company_employee_count" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入员工总数"  errormsg="员工总数为1-6位数字" nullmsg="请输入员工总数" datatype="n1-6"/>
                      </div>
                  </div>
                  <div class="form-group">
                      <label class="col-xs-4 control-label">注册资金</label>
                      <div class="col-xs-5 input-group">
                          <input type="text" name="company_registered_capital" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入注册资金"  errormsg="注册资金为1-8位数字或小数" nullmsg="请输入注册资金" datatype="s1-8" step="0.01" max="999999.99"/>
                          <span class="input-group-addon">万元</span>
                      </div>
                  </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">联系人姓名</label>
                  <div class="col-xs-5">
                    <input type="text" name="contacts_name" class="form-control" placeholder="请输入联系人姓名"  errormsg="联系人姓名为2-10位" nullmsg="请输入联系人姓名" datatype="*2-10"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">联系人电话</label>
                  <div class="col-xs-5">
                    <input type="text" name="contacts_phone" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入联系人电话"  errormsg="联系人电话为11位数字" nullmsg="请输入联系人电话" datatype="m"/>
                  </div>
                </div>
                  <div class="form-group">
                      <label class="col-xs-4 control-label">电子邮箱</label>
                      <div class="col-xs-5">
                          <input type="email" name="contacts_email" class="form-control" placeholder="请输入电子邮箱"  errormsg="邮箱格式为xxx@xxx.xx" nullmsg="请输入电子邮箱" datatype="e"/>
                      </div>
                  </div>
              </fieldset>
            </div>
          </div>
          <!--营业执照信息（副本）-->
          <div class="login-form after">
            <legend>营业执照信息（副本）</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">营业执照号</label>
                  <div class="col-xs-5">
                    <input type="text" name="business_licence_number" class="form-control" placeholder="请输入营业执照号"  onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" errormsg="营业执照号为2-20位" nullmsg="请输入营业执照号" datatype="*2-20"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">营业执照所在地</label>
                  <div class="col-xs-8" id="J_licence_area"><label><span class="tips">加载中...</span></label></div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">营业执照有效期</label>
                  <div class="col-xs-5">
                    <input type="text" name="business_licence_start" class="J_stime form-control dateTime" />-<input type="text" name="business_licence_end" class="J_etime form-control dateTime" />
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">法定经营范围</label>
                  <div class="col-xs-5">
                    <textarea name="business_sphere" rows="3" class="form-control" placeholder="请输入法定经营范围"  errormsg="法定经营范围不能超过50个字" nullmsg="请输入经营范围" datatype="*1-50"/></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">营业执照号电子版</label>
                  <div class="col-xs-8">
                      <span class="icon btn-upload" id="J_upload_add">
                        {:hook('uploadImages', array('name' => 'business_licence_number_electronic', 'tpl' => 'baidu/ones'))}
                      </span>
                      <span class="tips">请确保图片清晰。文字可辨并且清晰的公章信息。</span>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>
          <!--组织机构代码证-->
          <div class="login-form after">
            <legend>组织机构代码证</legend>
            <div class="col-xs-12 form-horizontal">
              <fieldset>
                <div class="form-group">
                  <label class="col-xs-4 control-label">组织机构代码</label>
                  <div class="col-xs-5">
                    <input type="text" name="organization_code" class="form-control"  onkeyup="this.value=this.value.replace(/\D/g,'')" placeholder="请输入组织机构代码"  errormsg="组织机构代码须小于20个字" nullmsg="请输入组织机构代码" datatype="*1-20"/>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">组织机构代码证电子版</label>
                  <div class="col-xs-8">
                      <span class="icon btn-upload" id="J_upload_add">
                        {:hook('uploadImages', array('name' => 'organization_code_electronic', 'tpl' => 'baidu/ones'))}
                      </span>
                      <span class="tips">请确保图片清晰。文字可辨并且清晰的公章信息。</span>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-xs-4 control-label">一般纳税人证明</label>
                  <div class="col-xs-8">
                      <span class="icon btn-upload" id="J_upload_add">
                        {:hook('uploadImages', array('name' => 'general_taxpayer', 'tpl' => 'baidu/ones'))}
                      </span>
                      <span class="tips">请确保图片清晰。文字可辨并且清晰的公章信息。</span>
                  </div>
                </div>
                <div class="form-group btnbox">
                  <div class="col-xs-2 col-xs-offset-2">
                    <button class="btn btn-block btn-add J_back">上一步</button>
                  </div>
                  <div class="col-xs-5 ">
                    <button class="btn btn-block btn-positive J_next">下一步</button>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>

        </form>
      </div>

    </div>
  </div>
  <script src="__JS__/lib/My97Date/WdatePicker.js"></script>
  <script type="text/javascript">
    seajs.use(['settle'], function(settle){
        settle.company();
        //时间选择
        $('.J_stime').focus(function(){
          WdatePicker({skin: 'twoer', dateFmt: 'yyyy-MM-dd', maxDate: '%y-%M-%d'});
        });
      //时间选择
        $('.J_etime').focus(function(){
          WdatePicker({skin: 'twoer', dateFmt: 'yyyy-MM-dd', minDate: '%y-%M-%d'});
        });
    });
  </script>
</block>